@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/appointmentPage.css?v=20200718" rel="stylesheet">
<div style="display: none">
    <input type="hidden" id="startTimeValue" value="${startTime}">
    <input type="hidden" id="endTimeValue" value="${endTime}">
    <input type="hidden" id="doctorValue" value="${doctor}">
    <input type="hidden" id="continuedValue" value="${continued}">
    <input type="hidden" id="reservationsId" value="">
    <input type="hidden" id="customerId" value="">
    <input type="hidden" id="startDocumentValue" value="">
    <input type="hidden" id="endDocumentValue" value="">
    <input type="hidden" id="temporaryValue" value="">
    <input type="hidden" id="scordd" value="">
</div>
<div style="height: 100%">
    <div class="appointmentTop">新建预约</div>
    <div class="appointmentHeader">
        <div class="searchBox">
            <span class="glyphicon glyphicon-search" style="left: 10px;top: 4px;"></span>
            <input type="text" autocomplete="off" id="reach" placeholder="姓名/电话/首字母/病历号" oninput="searchDate()">
        </div>
        <div style="position: absolute;top: 10px;left: 250px;">
            <button class="btn" type="button" style="padding: 4px 12px;background: #2b6594;color: white;" onclick="temporaryAppointment()">新建患者</button>
        </div>
        <div id="dataBox">
            <div id="dataUl"></div>
            <div style="text-align: center;" class="js-load-more"><a href="javascript:;">点击加载更多</a></div>
        </div>
        <div class="informationBox">
            <div><span>姓名：</span><span id="customerName"></span></div>
            <div><span>年龄：</span><span id="customerAge"></span></div>
            <div><span>性别：</span><span id="customerSex"></span></div>
            <div style="flex: 1.5;"><span>手机号：</span><span id="customerPhone"></span></div>
            <div style="flex: 1.5;"><span>初诊日期：</span><span id="firstVisitDate"></span></div>
        </div>
    </div>
    <div class="appointmentContent">
        <div class="appointmentProject">
            <h4>
                <span>看诊项目</span>
                <select name="projectCategory" id="projectCategory" onchange="getListInfo()" style="width: 100px;color: #666;border: none;height: 24px;font-weight: 400;outline: none;">
                    <option value="">请选择</option>
                    @for(str in departmentList){
                    <option value="${str.department}">${str.department}</option>
                    @}
                </select>
                <button type="button" class="btn" onclick="addSet()" style="position: absolute;right: 6px;transform: translateY(-50%);background-color: white;color: initial;top: 50%;padding: 0 6px;"><span class="glyphicon glyphicon-cog" style="top: 2px;"></span></button>
            </h4>
            <div id="projectType" style="display: block;"></div>
        </div>
        <div class="appointmentView" style="margin: 0 10px;">
            <div id='calendars'></div>
        </div>
        <div class="appointmentInformation">
            <h4>预约基本信息</h4>
            <div id="basicInformation">
                <div>
                    <span>开始时间</span>
                    <div><input autocomplete="off" class="frameBox" type="text" id="startTime" value="${startTime}" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})"></div>
                </div>
                <div>
                    <span>持续时间</span>
                    <div class="continued">
                        <button type="button" class="btn" onclick="continued('-')" style="padding: 6px;"><span class="glyphicon glyphicon-backward" style="top: -1px;"></span></button>
                        <div><input type="text" id="duration" onchange="viewUpdate()" value="${continued}"></div>
                        <button type="button" class="btn" onclick="continued('+')" style="padding: 6px;"><span class="glyphicon glyphicon-forward" style="top: -1px;"></span></button>
                        <span style="line-height: 28px;margin-left: 5px;">单位/分钟</span>
                    </div>
                </div>
                <div>
                    <span>科室</span>
                    <div><select class="frameBox" name="treatmentUnit" id="treatmentUnit">
                        <option value="待定">待定</option>
                        @for(str in departmentList){
                        <option value="${str.department}">${str.department}</option>
                        @}
                    </select></div>
                </div>
                <div>
                    <span>医生</span>
                    <div><select class="frameBox" name="doctor" id="doctor" onchange="refreshChange()">
                        <option value="未指定医生">未指定医生</option>
                        @for(str in doctorList){
                        <option value="${str.doctor}">${str.doctor}</option>
                        @}
                    </select></div>
                </div>
                <div>
                    <span>咨询师</span>
                    <div><select class="frameBox" name="fieldTc" id="fieldTc">
                        <option value="待定TC">待定TC</option>
                        @for(str in tcList){
                        <option value="${str.tcName}">${str.tcName}</option>
                        @}
                    </select></div>
                </div>
                <div style="align-items: normal">
                    <span>备注</span>
                    <div><textarea class="frameBox" name="remarks" id="remarks" style="height:90px;width:85%"></textarea></div>
                </div>
            </div>
        </div>
    </div>
    <div class="btnBox">
        <button type="button" class="btn" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name));">取消</button>
        <button type="button" class="btn" onclick="submission()">保存预约</button>
    </div>
</div>
<link rel="stylesheet" href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/fullcalendar.css?v=20200718">
<link href='https://pynnn.oss-cn-hangzhou.aliyuncs.com/fullcalendar.print.min.css?v=20200718' rel='stylesheet' media='print'/>
<script src="${ctxPath}/static/modular/fullcalendar/lib/moment.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery-ui.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/fullcalendar.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/scheduler.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/locale/zh-cn.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/doctorLooked/doctor_addTask.js?v=20200718"></script>
@}